<template>
  <footer>
    <p>{{copyright}}</p>
  </footer>

</template>

<script>

  export default{
    name: "app-footer",
    data(){
      return {
        copyright: "Copyright 2018 Vue Yang"
      }
    }
  }

</script>

<style scoped>

  footer {
    background: black;
    padding: 10px;
  }

  p {
    color: white;
    size: 14px;
  }
</style>
